<template>
  <div>
    <el-table
      :data="tableData"
      style="width: 100%">
      <el-table-column
        prop="date"
        label="浏览日期"
        width="400">
      </el-table-column>
      <el-table-column
        prop="name"
        label="姓名"
        width="400">
      </el-table-column>
      <el-table-column
        prop="watchTime"
        label="迟到次数"
        width="400">
      </el-table-column>
      <el-table-column
        prop="grade"
        label="平时成绩"
        width="400">
      </el-table-column>
    </el-table>
    <el-row>
      <el-col :span="24">
        <studyEcharts id="watchEcharts" ref="scharts"></studyEcharts>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import studyEcharts from "../../components/ECharts/studyEcharts"
export default {
  components: {studyEcharts},
  data () {
    return {
      tableData: [{
        date: "2022-05-02",
        name: "王周舟",
        watchTime: "1",
        grade: "85"
      }, {
        date: "2022-05-04",
        name: "刘熙",
        watchTime: "0",
        grade: "85"
      }, {
        date: "2022-05-01",
        name: "马冲",
        watchTime: " 0",
        grade: "85"
      }, {
        date: "2022-05-03",
        name: "阿毛",
        watchTime: "3 ",
        grade: "85"
      },
      {
        date: "2022-05-03",
        name: "王熙凤",
        watchTime: "1 ",
        grade: "85"
      },
      {
        date: "2022-05-03",
        name: "六祖",
        watchTime: "0 ",
        grade: "85"
      }, {
        date: "2022-05-03",
        name: "岳群",
        watchTime: "0 ",
        grade: "85"
      }
      ]
    }
  },
  methods: {
  }
}

</script>
